<template>
  <div class="container-app">
    <searchHeade :SearchTitle="title" :flag="false"></searchHeade>
    <div style="margin-top:18vw">
      <movielist :list="list"></movielist>
    </div>
    <!-- 买票弹框组件 -->
    <DiaLog  ></DiaLog>
  </div>
</template>

<script>
import DiaLog from '@/components/DiaLog.vue'
import { getMovieList } from '@/api/movielist'
import movielist from '@/components/MovieList.vue'
import searchHeade from '@/components/Search.vue'
export default {
  name: 'IndexMoViePage',
  components: {
    searchHeade,
    movielist,
    DiaLog
  },
  data () {
    return {
      list: [],
      title: '搜索影片、咨询、艺人、···',
      showDialog: true
      // nocity: this.$store.state.city
    }
  },
  // computed: {
  //   nocity () {
  //     return this.$store.state.city
  //   }
  // },
  updated () {
    console.log(this.nocity)
  },
  method: {
    handleValue (value) {
      console.log(value)
    }
  },
  created () {
    this.list = getMovieList()
  }
}
</script>

<style>

</style>
